AngularJS 常用指令演示

ng-if演示

保留 HTML:

ng-if

ng-hide

ng-show

------------------------------

ng-class演示

使用$scope在控制器中写类名双向绑定（不推荐使用）

------------------------------

使用字符串双向绑定

ng-class（字符串双向绑定）

------------------------------

使用对象数组实现

选中为真(天蓝色)，取消为假(橙红色)

ng-class（对象数组）

------------------------------

使用key/value实现

背景颜色
颜色
边框

ng-class（ 使用key/value实现 ）

------------------------------

ng-option演示（最简单的用法）

------------------------------

ng-value演示

------------------------------

ng-click演示

点击按钮:

按钮被点击了 {{count}} 次。

实例中，按钮每被点击一次变量 "count" 会自动加 1。

------------------------------

ng-click演示(绑定多个事件)

点击按钮:

按钮被点击了 {{countnum}} 次。

实例中，按钮每被点击一次变量 "countnum" 会自动加 1。并且弹出弹窗当前数字，
这个例子其实两个事件是相关联的，可以写在一个函数中，这里只是举个例子。

------------------------------

ng-class-even和ng-class-odd

{{x.Name}} {{x.Country}}

------------------------------

ng-options的写法

label for value in array（city for city in Cities）

欢迎来到{{mycity1}}

------------------------------

label for value in array（city.name for city in Cities）

欢迎来到{{mycity2}}

------------------------------

ng-options的写法（分组）

select as label group by group for value in array

欢迎来到{{mycities}}